*{margin:0;padding:0;font:14px HelveticaNeue-Light,Sans-serif;-webkit-touch-callout:none;-webkit-user-select:none}
a{text-decoration:none;color:#000}
body,html{height:568px}
nav{position:relative;display:table;width:320px;height:63px;margin:auto;background:#eee}
nav a{display:block;height:40px;margin:0 10px}
nav img{width:31px;height:31px}
nav li{display:inline-block;text-align:center;width:80px}
nav ul{display:table-cell;vertical-align:middle;}
li{list-style-type:none}

#camera{display:none}
#dlg{position:relative;width:320px;height:508px;margin:auto}
#dlg *{font-size:16px}
#dlg a{display:block;width:100%}
#dlg div{float:right;color:#aaa}
#dlg h1{font-size:21px;margin:2px 0;text-align:center}
#dlg input{border:none;width:200px;color:#aaa}
#dlg li{display:none}
#dlg li li{display:block;padding:8px 0;border-bottom:solid 1px #ddd}
#dlg li ul{width:300px;height:580px;padding:0 10px}
#dlg .check{padding-right:25px;background:#fff url(/img/check4.svg)no-repeat right top}
#dlg .go{padding-right:15px;background:#fff url(/img/go4.svg)no-repeat right top}
#dlg .wait{padding-right:25px;background:#fff url(/img/loading.svg)no-repeat right top}
#out{position:absolute;top:510px}
#wpr{position:relative;width:320px;height:508px;margin:auto;overflow:hidden}
#wpr img{position:absolute;width:381px;height:508px;left:-30px}

.m1{-webkit-transform:translateX(-381px)}
.s2{-webkit-transform:translateX(-381px)}
